<!DOCTYPE html>
<html lang="en" style="background-color: #fff;">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <link rel="stylesheet" href="./../assets/css/base.css">
        <link rel="stylesheet" href="./../assets/css/search.css">
    </head>
    <body class="search-body">
        <div style="background-color: #f9f9f9;padding:10px 0;">
            <div class="search">
                <img src="./../assets/image/search.png" alt="">
                <input type="text" placeholder="输入关键字搜索">
                <a href="#">取消</a>
            </div>
        </div>
        <h3 class="search-title">类别</h3>
        <div class="search-list">
            <p>
                <a href="#">资讯</a>
                <a href="#">商场</a>
                <a href="#">服务商</a>
            </p>
        </div>
        <h3 class="search-title">精选</h3>
        <div class="search-list">
            <p>
                <a href="#">资讯</a>
                <a href="#">商场</a>
                <a href="#">服务商</a>
                <a href="#">服务商</a>
            </p>
        </div>
        <h3 class="search-title">时间</h3>
        <div class="date">
            <div class="date-start">
                <input type="text" placeholder="开始时间"><img src="./../assets/image/time-pic.png" alt="">
            </div>
            <img src="./../assets/image/line.png" alt="" class="line">
            <div class="date-end">
                <input type="text" placeholder="结束时间"><img src="./../assets/image/time-pic.png" alt="">
            </div>
        </div>
    </body>
</html>